<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>我的订单</title>
    <link rel="stylesheet" href="../css/aui.2.0.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/alert.css">
    <link rel="stylesheet" href="../css/order.css">
</head>
<body style="background-color: #f0f0f0">
<header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left aui-btn">
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">我的订单</div>
</header>
<section>
    <div class="aui-tab my-aui-tab" id="tab">
        <div class="aui-tab-item my-aui-tab-item aui-active">
            <a class="order-box order-active" href="javascript:;">待付款</a>
        </div>
        <div class="aui-tab-item my-aui-tab-item ">
            <a class="order-box " href="order_no_fahuo.html">待发货</a>
        </div>
        <div class="aui-tab-item my-aui-tab-item">
            <a class="display-box " href="order_nogoods.html">待收货</a></div>
        <div class="aui-tab-item my-aui-tab-item">
            <a class="display-box " href="order_pingjia.html">待评价</a>
        </div>
        <div class="aui-tab-item my-aui-tab-item">
            <a class="display-box " href="order_backgoods.html">退换货</a>
        </div>
    </div>
    <div id="none-pay">
        <script type="text/x-handlebars-template" id="order-template">
            {{#each products}}
            {{#if (compare this.products.length '>' 1 )}}
            {{#each this.products}}
            <div class="dis-list-box" data-order-id="{{../id}}">
                <a href="goodsDetail.html?productId={{productId}}" class="display-box">
                    <div class="dis-shop-img dis-shop-img-right">
                        <img src="{{mainImageUrl}}" alt="">
                    </div>
                    <div class="dis-list-content">
                        <div class="dis-shop-detail">
                            <span class="hongbao">红包{{productHongbao}}元</span>
                            <span class="back-goods">{{exemption isServenBack}}</span>
                            <span>{{name}}</span>
                        </div>
                        <div class="dis-price">
                            <span>￥{{productPrice}}</span>
                            <span>￥{{productOrginPrice}}</span>
                        </div>
                        <div class="dis-evaluate">
                            <span>{{totalFeedback}}评价</span>
                            <span>好评{{precentFeedback}}%</span>
                        </div>
                        <div class="dis-sale">
                            <span>数量:{{totalCount}}</span>
                        </div>
                    </div>
                </a>
            </div>
            {{/each}}
            <div class="muti-go-pay">
                <span class="shop-count-sales">共{{totalProduct}}件商品，需支付￥<span
                        class="pay-sales-box">{{totalMoney}}</span>元</span>
                <span class="no-pay-button" data-orderid="{{id}}">取消订单</span>
                <span class="go-pay-button" data-orderid="{{id}}">去付款</span>
            </div>
            {{else}}
            {{#this.products}}
            <div class="dis-list-box" data-order-id="{{../id}}">
                <a href="goodsDetail.html?productId={{productId}}" class="display-box">
                    <div class="dis-shop-img dis-shop-img-right">
                        <img src="{{mainImageUrl}}" alt="">
                    </div>
                    <div class="dis-list-content">
                        <div class="dis-shop-detail">
                            <span>红包{{productHongbao}}元</span>
                            <span class="back-goods">{{exemption isServenBack}}</span>
                            <span>{{name}}</span>
                        </div>
                        <div class="dis-price">
                            <span>￥{{productPrice}}</span>
                            <span>￥{{productOrginPrice}}</span>
                        </div>
                        <div class="dis-evaluate">
                            <span>{{totalFeedback}}评价</span>
                            <span>好评{{precentFeedback}}%</span>
                        </div>
                        <div class="dis-sale">
                            <span>数量:{{totalCount}}</span>
                            <!--<span id="go-evaluate">去付款</span>-->
                        </div>
                    </div>
                </a>
            </div>
            <div class="muti-go-pay">
                <span class="shop-count-sales">共{{../totalProduct}}件商品，需支付￥<span
                        class="pay-sales-box">{{../totalMoney}}</span>元</span>
                <span class="no-pay-button" data-orderid="{{../id}}">取消订单</span>
                <span class="go-pay-button" data-orderid="{{../id}}">去付款</span>
            </div>
            {{/this.products}}
            {{/if}}
            {{/each}}
        </script>
    </div>
    <div class="loading">加载更多...</div>
    <div class="no-info">没有更多信息了...</div>
</section>
<script src="../js/jquery-3.0.0.min.js"></script>
<script src="../js/handlebars-v4.0.10.js"></script>
<script src="../js/aui-lazyload.js"></script>
<script src="../js/alert.js"></script>
<script src="../js/function.js"></script>
<script src="../js/config.js"></script>
<script src="../js/goods_admin.js"></script>
<script src="../js/order_nopay.js"></script>
</body>
</html>